<div class="row">
  <x-button disabled>default</x-button>
  <x-button type="primary" disabled>primary</x-button>
  <x-button type="success" disabled>success</x-button>
  <x-button type="warning" disabled>warning</x-button>
  <x-button type="danger" disabled>danger</x-button>
  <x-button type="info" disabled>info</x-button>
</div>
<div class="row">
  <x-button plain disabled>plain</x-button>
  <x-button type="primary" plain disabled>primary</x-button>
  <x-button type="success" plain disabled>success</x-button>
  <x-button type="warning" plain disabled>warning</x-button>
  <x-button type="danger" plain disabled>danger</x-button>
  <x-button type="info" plain disabled>info</x-button>
</div>
<div class="row">
  <x-button round disabled>round</x-button>
  <x-button type="primary" round disabled>primary</x-button>
  <x-button type="success" round disabled>success</x-button>
  <x-button type="warning" round disabled>warning</x-button>
  <x-button type="danger" round disabled>danger</x-button>
  <x-button type="info" round disabled>info</x-button>
</div>
<div class="row">
  <x-button icon="fto-search" circle disabled></x-button>
  <x-button icon="fto-edit-3" type="primary" circle disabled></x-button>
  <x-button icon="fto-check" type="success" circle disabled></x-button>
  <x-button icon="fto-star" type="warning" circle disabled></x-button>
  <x-button icon="fto-trash-2" type="danger" circle disabled></x-button>
  <x-button icon="fto-trash" type="info" circle disabled></x-button>
</div>
